<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html class="not-ie" lang="en"> <!--<![endif]-->
<head>
	<!-- Basic Meta Tags -->
  <meta charset="utf-8">
  <title>MINETT - Template by entiri</title>
	<meta name="description" content="MINETT - Responsive HTML Template by entiri">
	<meta name="keywords" content="minett, entiri, theme, template, corporate, clean, modern, bootstrap, creative, design">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <!--[if (gte IE 9)|!(IE)]>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
  <![endif]--> 

  <!-- Favicon -->
  <link href="img/favicon.png" rel="icon" type="image/png">

  <!-- Styles -->
  <link href="css/styles.css" rel="stylesheet">
  <link href="css/bootstrap-override.css" rel="stylesheet">

  <!-- Font Avesome Styles -->
  <link href="css/font-awesome/font-awesome.css" rel="stylesheet">
	<!--[if IE 7]>
		<link href="css/font-awesome/font-awesome-ie7.min.css" rel="stylesheet">
	<![endif]-->

  <!-- FlexSlider Style -->
  <link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen">

  

	<!-- Internet Explorer condition - HTML5 shim, for IE6-8 support of HTML5 elements -->
	<!--[if lt IE 9]>
		<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->   

</head>       
<body>
  <!-- Header -->
  <header id="header">
 
    <div class="container">
      <div class="row t-container">
        <div class="texture">
          <img src="img/background.png" alt="">
        </div>
        <!-- Logo -->
        <div class="span3">
          <div class="logo">
            <a href="index-2.html"><img src="img/logo-header.png" alt=""></a>
          </div>            
        </div>

        <div class="span9">
          <div class="row space90"></div>
          <nav class="navbar">
            <!-- Menu -->
            <ul class="nav">
              <li><a href="index-2.html" title="">Home</a></li>
              <li><a href="about-us.html" title="">About Us</a></li>                
              <li><a href="gallery.html" title="">Gallery</a></li>
              <li><a href="services.html" title="">Services</a></li>
              <li><a href="components.html" title="">Features</a>
                <!-- Submenu -->
  							<ul>
                  <li><a href="components.html" title="">Components</a></li>
                  <li><a href="pricing.html" title="">Pricing</a></li>
                  <li><a href="blog-detail.html" title="">Blog Detail</a></li>
  								<li><a href="grid.html" title="">Grid System</a></li>
                  <li><a href="contact.html" title="">Contact</a></li>
  							</ul>
                <!-- End Submenu -->                  
              </li>
              <li class="active"><a href="blog.html" title="">Blog</a></li>  
            </ul>
          </nav>
          <div class="row space15 hidden-phone"></div>
        </div>

        <div class="span8">
          <div class="row">

            <div class="span6 offset2">
              <h1>We are <strong>MINETT</strong></h1>
              <div class="head-info">
                Magna in pulvinar tempor montes pulvinar habitasse parturient? Elementum facilisis sit et, dolor placerat, turpis auctor.
                <br><br>
                Lundium ultricies augue urna arcu aliquet velit?
              </div>   
            </div>  
          
          </div>
        </div>
      </div>  

  </div> 
  </header>
  <!-- Header End -->

  <div class="row space50"></div>

  <!-- Content -->
  <div id="content">
    <div class="container">
          <div class="row">
            <div class="span12">
              <h2>We are offering great oppurtunites for project</h2>
            </div>
            
            <div class="span9">
  
              <!-- Blog Item -->
              <div class="row">
                <div class="span1">
  
                  <div class="blog-icon">
                    <i class="icon-camera"></i><br>
                    <h5>Gallery Post</h5>                  
                  </div>
                     
                </div>
                <div class="span8">
                  <a href="blog-detail.html"><img src="img/blog/1.jpg" alt=""></a>
          
                  <div class="row">
                    <div class="span8 post-d-info">
                      <a href="blog-detail.html"><h3>Ancient Timbuktu Texts in Danger?</h3></a>
                      <div class="blue-dark">
                      <i class="icon-user"></i> By Admin <i class="icon-tag"></i> Photography | Portrait <i class="icon-comment-alt"></i> With 12 Comments
                      </div>
                      <p>
                      Donec sed odio dui. Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut id elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.Pie wafer wypas candy canes toffee. Cookie icing candy jelly oat cake chupa chups bear claw.
                      </p>
                    </div>
          
                  </div>
                </div>
              </div>
              <!-- Blog Item End -->
              
              <div class="row space40"></div>   
              
              <!-- Blog Item -->
              <div class="row">
                <div class="span1">
  
                  <div class="blog-icon">
                    <i class="icon-film"></i><br>
                    <h5>Video Post</h5>                  
                  </div>
                     
                </div>
                <div class="span8">
                  <a href="blog-detail.html"><img src="img/blog/2.jpg" alt=""></a>
          
                  <div class="post-d-info">
                    <a href="blog-detail.html"><h3>Ancient Timbuktu Texts in Danger?</h3></a>
                    <div class="blue-dark">
                    <i class="icon-user"></i> By Admin <i class="icon-tag"></i> Photography | Portrait <i class="icon-comment-alt"></i> With 12 Comments
                    </div>
                    <p>
                    Donec sed odio dui. Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut id elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.Pie wafer wypas candy canes toffee. Cookie icing candy jelly oat cake chupa chups bear claw.
                    </p>
                  </div>
  
                </div>
              </div>
              <!-- Blog Item End -->            
              
              <div class="row space40"></div>   
              
              <!-- Blog Item -->
              <div class="row">
                <div class="span1">
  
                  <div class="blog-icon">
                    <i class="icon-quote-right"></i><br>
                    <h5>Single Post</h5>                  
                  </div>
                     
                </div>
                <div class="span8">
                  <a href="blog-detail.html"><img src="img/blog/3.jpg" alt=""></a>
  
                  <div class="post-d-info">
                    <a href="blog-detail.html"><h3>Ancient Timbuktu Texts in Danger?</h3></a>
                    <div class="blue-dark">
                    <i class="icon-user"></i> By Admin <i class="icon-tag"></i> Photography | Portrait <i class="icon-comment-alt"></i> With 12 Comments
                    </div>
                    <p>
                      Donec sed odio dui. Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut id elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.Pie wafer wypas candy canes toffee. Cookie icing candy jelly oat cake chupa chups bear claw.
                    </p>
                  </div>
  
                </div>
              </div>
              <!-- Blog Item End -->       
  
              <div class="row space30"></div>   
  
              <!-- Paging -->      
              <div class="row">
                <div class="span9">
                  <a href="#" class="paging">&#62;</a>
                  <a href="#" class="paging">84</a>
                  <a href="#" class="paging">83</a>
                  <a href="#" class="paging">82</a>
                  <a href="#" class="paging">...</a>
                  <a href="#" class="paging">3</a>
                  <a href="#" class="paging">2</a>
                  <a href="#" class="paging">1</a>
                  <a href="#" class="paging">&#60;</a>
                </div>
              </div> 
              <!-- Paging End -->              
              
              <div class="row space40"></div>   

            </div>
          
          <!-- Side Bar -->  
          <div class="span3">
              
            <h3 class="p-t-0">Search</h3>
            <div class="search-box">
              <a href="#" class="search-icon"><i class="icon-search"></i></a>
              <input class="search" name="" value="Search">
            </div>  

            <h3>Categories</h3>
            <ul class="list-c">
              <li><i class="icon-chevron-right"></i><a href="#">Business Plan</a></li>
              <li><i class="icon-chevron-right"></i><a href="#">Entertainment</a></li>
              <li><i class="icon-chevron-right"></i><a href="#">News & Politics</a></li>
              <li><i class="icon-chevron-right"></i><a href="#">Social Media Networks</a></li>
              <li><i class="icon-chevron-right"></i><a href="#">Technology & Innovation</a></li>              
            </ul>                   

            <h3>Tags</h3>          
            <a href="#"><div class="tag">WordPress</div></a>
            <a href="#"><div class="tag">Webdesign</div></a>
            <a href="#"><div class="tag">Post-processing</div></a>
            <a href="#"><div class="tag">Tourism</div></a>
            <a href="#"><div class="tag">Rendering</div></a>
            <a href="#"><div class="tag">Photography</div></a>

            <h3>Latest Tweets</h3>
            <i class="icon-twitter"></i> Saying "Wow, You're cool." when you see someone doing something stupid. <a href="#" rel="external">http://t.co/YywnqBb8</a><br>
            6 minutes ago
            <br><br>
            <i class="icon-twitter"></i> Are you getting ready to work on a new project, take off on a sales trip. 
            <a href="#" rel="external">http://pic.witt.com.co/Uyoyyk#sp</a><br> 
            33 minutes ago

            <h3>Photos From Flickr</h3>
            <div class="flickr-widget">
              <div class="photo-stream">
                <img src="img/stream/01.jpg" alt="">
              </div>
              <div class="photo-stream">
                <img src="img/stream/02.jpg" alt="">
              </div>
              <div class="photo-stream">
                <img src="img/stream/03.jpg" alt="">
              </div>
              <div class="photo-stream">
                <img src="img/stream/04.jpg" alt="">
              </div>
              <div class="photo-stream">
                <img src="img/stream/05.jpg" alt="">
              </div>
              <div class="photo-stream">
                <img src="img/stream/06.jpg" alt="">
              </div>
            </div>

            <h3>Text Widget</h3>
            Amet, consectetur adipisicing elit, sedure doriatlor in fugiat nulla  deserunt mollit anim id est laborum. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit orn.
                       
          <div class="row space50"></div>  
        </div>
      </div>
    </div>
  </div>
  <!-- Content End -->
  
  <!-- Footer -->
  <footer id="footer">
    <div class="container">
      <div class="row">
        <div class="span12 pos-r">
          <h2>Get to know us completely</h2>
          <div class="texture-footer">
            <img src="img/background-footer.png" alt="">
          </div>
        </div>
      </div>
        
      <div class="row">
        <div class="span5">
        <p>
        OT Porta montes montes vel nunc cras porttitor mid elementum dictumst dignissim dapibus urna ac, enim?
        </p>
        <h3>Contact Form</h3>
        <div> 
          <form class="form-main" name="ajax-form" id="ajax-form" action="http://www.entiri.com/minett/php/mail-it.php" method="post">
            <div id="ajaxsuccess">E-mail was successfully sent.</div> 
            <div class="error" id="err-name">Please enter name</div>
            <input name="name" id="name" type="text" value="Name" onfocus="if(this.value == 'Name') this.value='';" onblur="if(this.value == '') this.value='Name';">
            
            <div class="error" id="err-email">Please enter e-mail</div>
		        <div class="error" id="err-emailvld">E-mail is not a valid format</div>
            <input  name="email" id="email" type="text" value="E-mail" onfocus="if(this.value == 'E-mail') this.value='';" onblur="if(this.value == '') this.value='E-mail';">

            <div class="error" id="err-message">Please enter message</div>
            <textarea  name="message" id="message" onfocus="if(this.value == 'Message') this.value='';" onblur="if(this.value == '') this.value='Message';">Message</textarea><br>
            <div>
            	<div class="error" id="err-form">There was a problem validating the form please check!</div>
            	<div class="error" id="err-timedout">The connection to the server timed out!</div>
            	<div class="error" id="err-state"></div>
            </div>
            <button id="send" class="btn f-right">Send Message <i class="icon-ok"></i></button>
          </form>
        </div>
        
        <div class="row space40"></div>  
                
          <a href="#" class="social-network sn2 behance"></a>
          <a href="#" class="social-network sn2 facebook"></a>
          <a href="#" class="social-network sn2 pinterest"></a>
          <a href="#" class="social-network sn2 flickr"></a>
          <a href="#" class="social-network sn2 dribbble"></a>
          <a href="#" class="social-network sn2 lastfm"></a>
          <a href="#" class="social-network sn2 forrst"></a>
          <a href="#" class="social-network sn2 xing"></a>      
      
        </div>
        <div class="span3 offset3">
             
          <div class="space80"></div>
          <iframe id="map" src="https://maps.google.sk/maps/ms?msa=0&amp;msid=210946297010027755543.0004c74af772bb9276d33&amp;ie=UTF8&amp;ll=48.576981,19.13117&amp;spn=0,0&amp;t=m&amp;output=embed"></iframe>
          <div class="space70"></div> 

          <h3>Address</h3>
          81 Sunnyvale Street<br>
          Los Angeles, CA 90185<br>
          United States<br>
          <br>
          <i class="icon-phone"></i>+48 880 440 110<br>
          <i class="icon-envelope"></i><a href="mailto:support@example.com">support@example.com</a><br>
          <i class="icon-home"></i><a href="#">www.example.com</a>

        </div>
      </div>
      
      <div class="row space50"></div>
      <div class="row">
        <div class="span6">
          <div class="logo-footer">
            <a href="index-2.html"><img src="img/logo-footer.png" alt=""></a>
            CORPORATE TEMPLATE
          </div>                       
        </div>
        <div class="span6 right">
          &copy; 2013 MINETT. All rights reserved. Collect from 
          <a href="http://www.cssmoban.com/" rel="external">模板之家</a>
        </div>
      </div>

    </div>
  </footer>
  <!-- Footer End -->

  <!-- JavaScripts -->
  <script type="text/javascript" src="js/jquery-1.8.3.min.js"></script> 
	<script type="text/javascript" src="js/bootstrap.min.js"></script>  
	<script type="text/javascript" src="js/functions.js"></script>
	<script type="text/javascript" src="js/jquery.isotope.min.js"></script>
  <script type="text/javascript" defer src="js/jquery.flexslider.js"></script>

</body>
</html>
  